<style type="text/css">
	.radius-input .item-input-wrapper{
		border-radius:15px;
	}
	
	.search-history span{
		background: #e6e6e6;
		border-radius: 5px;
		color: #aaa;
		padding: 5px;
	}
	
	.button-border{
		border: 1px solid #F68D3A;
		color:#F68D3A;
	}
	
	.search-result-item{
		display: flex;
		flex-flow: row nowrap;
		border-bottom: 1px solid #aaa;
		padding: 5px 0;
	}
	
	.search-result-item:first-child{
		border-top: 1px solid #aaa;
	}
	
	.search-result-item > img{
		height: 120px;
		width: 120px;
	}
	.search-item-info{
		position: relative;
		padding: 5px 10px;
		width: calc(100% - 120px);
	}
	.search-product-price{
		position: absolute;
		bottom: 5px;
		
	}
</style>

<ion-modal-view>
	<header  class="bar bar-header  bar-stable bar-mycolor item-input-inset radius-input" >
		<label class="item-input-wrapper">
	        <i class="icon ion-ios-search placeholder-icon"></i>
	        <input type="search" placeholder="搜索"  ng-keyup="key_search($event)" ng-model="search_name">
      	</label>
		<button class="button button-clear" ng-click="cancel_search()">取消</button>
	</header>

	<ion-pane>
		<ion-content class="has-header" data-ng-init="">
			<div class="search-panel padding-10" ng-show="search_list.length == 0">
				<p class="font-color-gray padding-TB-10">搜索历史</label>
				<div class="space-linear bk-gray"></div>
				<div class="padding-TB-10">
					<span>茶叶</span>
					<span class="float-right search-history">
						<span>茶叶</span>
						<span>普洱</span>
					</span>
				</div>
				<div class="space-linear bk-gray"></div>
				<p class="padding-top text-center">
					<button class="button button-border">清除搜索历史</button>
				</p>
			</div>
			
			<div class="search-result padding-10 margin-top-20px" ng-show="search_list.length != 0">
				<div class="search-result-list">
					<div class="search-result-item" ng-repeat="item in search_list" ng-click="goto_product_info(item.id)">
						<img src="{{item.image}}"/>
						<div class="search-item-info">
							<p class="search-product-title font-color-lightBlack">{{item.name}}</p>
							<p class="font-color-gray padding-TB-5">
								<span class="">包邮</span>
								<span class="">昆明</span>
							</p>
							<p class="search-product-price">
								<span class="font-color-xg font-size-lg">¥{{item.sale_price}}</span>
								<span class="font-color-gray padding-LR-10">0人付款</span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</ion-content>
	</ion-pane>
</ion-modal-view>